html, body {
	/*height: 99.4%;*/
	height: 697px;
	max-height: 697px;
	min-height: 600px;
	margin: 0;
	padding: 0;
}
.container {
	width: 76.85%;
	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -120px;
}
.header {
	margin-top: 1%;
	font-weight: bold;
}
.header-text {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 28px;
	vertical-align: center;	
	text-align: left;
}
.content {
	position: relative;
	padding: 0 1.5%;
	width: 96.7%;
	float: left;
	min-height: 470px;
	height: auto;
	margin-top: 10px;
}
.ui-widget-content{
	font-size: 16px !important;
}
.section{
	padding: 0 1.5%;
	margin-bottom: 2.25%;
	margin-top: 2.25%;
}
.footer{
	padding: 0 7.8%;
	position: relative;
	clear: both; 
	text-align:justify;
	font-size: 14px !important;	
	height: 81px;
	width: 61.1%;
	margin: 0 auto;
	top: 10px;
	margin-bottom: 10px !important;
}
.separator{
	height: 2px;
	margin: 10px 0;
	background: #2191c0 url("assets/css/images/diagonal-mazebl_10x10.png") 50% 50% repeat;
	border-radius: 3px 3px 3px 3px; 
}
.header, .section, .footer, .article, .figure {
	display: block;
}
.hyperlink-none {
	text-decoration:none;
}
@media screen and (max-width: 1250px) {
.header-text {
	font-size: 24px;
}
}

@media screen and (max-width: 1113px) {
.header-text{
	font-size: 20px;
}
}
@media screen and (max-width: 685px){
.container{
	width: 505px;
}
.footer {
	width: 443px !important;
}
}
@media screen and (max-width: 940px) {
.header-text {
	font-size: 18px;
}
.footer{
	font-size: 13px !important;
}
}
@media screen and (max-width: 880px) {
.header-text {
	font-size: 16px;
}
.footer{
	padding: 0 5%;
	width: 66.5%;
}
.section p{
	font-size: 14px !important;
}
}
@media screen and (max-width: 810px) {
.header-text {
	font-size: 14px;
}
.footer{
	height: 90px;
}
}